<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>锚点示例</title>
</head>
<body>
<h2>锚点（a 标签）示例</h2>

<!-- 外部链接 -->
<p>
    <a href="https://www.baidu.com" target="_blank">点击这里跳转到百度</a>
</p>

<!-- 页面内锚点导航 -->
<p>
    <a href="#section1">跳到第一部分</a> |
    <a href="#section2">跳到第二部分</a> |
    <a href="#section3">跳到第三部分</a>
</p>

<hr>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
v<p>
    门槛较低
    <br>
</p>


<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
v<p>
    门槛较低
    <br>
</p>

<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
v<p>
    门槛较低
    <br>
</p>

<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
v<p>
    门槛较低
    <br>
</p>

<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
v<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低2
    <br>
</p>
<p>
    门槛较低3
    <br>
</p><p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低4
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
v<p>
    门槛较低
    <br>
</p>

<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p><p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
<p>
    门槛较低
    <br>
</p>
v<p>
    门槛较低
    <br>
</p>


<a name="section1"></a>
<!-- 内容部分 -->
<h3  >第一部分</h3>
<p>这里是第一部分的内容...</p>
<p><a href="#top">回到顶部</a></p>

<h3 id="section2">第二部分</h3>
<p>这里是第二部分的内容...</p>
<p><a href="#top">回到顶部</a></p>

<h3 id="section3">第三部分</h3>
<p>这里是第三部分的内容...</p>
<p><a href="#top">回到顶部</a></p>

<!-- 页面顶部锚点 -->
<a id="top"></a>
</body>
</html>
